@import "less.less";
body,html{
    .padding-top(70);
}
.header{
    width: 100%;
    text-align:center;
    z-index: 12;
    .padding-top(20);
    .padding-bottom(20);
    background: #fff;
    position:fixed;
    top: 0;
    left:0;
    img{
        .width(126);
    }
    .huihua{
        position: absolute;
        .right(25);
        .width(54);
    }
}
.banner{
    width: 100%;
    background:#ffa9a1;
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
    h5{
        .height(95);
        display: flex;
        justify-content: center;
        align-items: center;
        color:#6e0000;
        span{
            .font-size(34);
            border-right:1px solid #c45b56;
            .padding-right(10);
        }
        i{
            .font-size(24);
            .padding-left(10);
        }
    }
    .img{
        width: 95%;
        display:flex;
        justify-content:space-between;
        flex-wrap:wrap;
        align-items:center;
        img{
            width: 100%;
        }
        .bottom_img{
            width: 49%;
            .padding-top(10);
            .padding-bottom(10);
        }
    }
}
.tab{
    display:flex;
    justify-content:space-between;
    .padding-left(15);
    .padding-right(15);
    .padding-top(32);
    .padding-bottom(32);
    background:#fff;
    img{
        width: 90%;
    }
}
.main{
    width: 100%;
    display: flex;
    justify-content:space-around;
    flex-wrap:wrap;
    background:#FFF;
    .margin-top(15);
    h5{
        width: 95%;
        .padding-top(40);
        .padding-bottom(40);
        display:flex;
        align-items:Center;
        span{
            .font-size(32);
            .padding-left(15);
            .padding-right(15);
            border-right:1px solid #ccc;
        }
        i{
            .padding-left(15);
            color:#898989;
        }
        img{
            .width(30);
        }
    }
    .main_list{
        width: 95%;
        display:flex;
        justify-content:space-around;
        flex-wrap:Wrap;
        .margin-bottom(100);
        .left{
            width: 15%;
            border-bottom:1px solid #ccc;
            img{
                .width(85);
            }
        }
        .right{
            width: 85%;
            .padding-top(10);
            border-bottom:1px solid #ccc;
            .top{
                display: flex;
                justify-content:space-between;
                .font-size(30);
            }
            .center{
                display: flex;
                span{
                    .margin-top(10);
                    .margin-bottom(10);
                    .padding-top(10);
                    .padding-bottom(10);
                    .padding-left(10);
                    .padding-right(10);
                    border: 1px solid #ccc;
                    border-radius:1em;
                    color:#898989;
                }
                span:nth-child(2){
                    .margin-left(10);
                }
            }
            .bottom{
                width: 100%;
                article{
                    .line-height(45);
                    i{
                        .padding-top(5);
                        .padding-bottom(5);
                        .padding-left(5);
                        .padding-right(5);
                        background:#ff5b3a;
                        color:#fff;
                    }
                    span{
                        .padding-top(5);
                        .padding-bottom(5);
                        .padding-left(5);
                        .padding-right(5);
                        border: 1px solid #ff5b3a;
                    }
                }
                .Img{
                    img{
                        .width(195);
                    }
                }
                .main_bottom_footer{
                    .padding-top(24);
                    .padding-bottom(24);
                    display: flex;
                    justify-content:flex-end;
                    align-items:center;
                    span{
                        display: flex;
                        align-items:center;
                        img{
                            .padding-right(10);
                            .width(42);
                        }
                    }
                    span:first-child{
                        .padding-right(65);
                    }
                }
            }
        }
    }
}